<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Skylar TV</title>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<link href="style.css" rel="stylesheet" type="text/css" media="screen">
<style type="text/css">
.picture-container {
	text-align: left;
}
.yt-preview-container {
	padding: 12em 50em 2em 2em;
}
#styleWithId {
	color:white;
	text-transform:uppercase;
	background:#990000;
}
#styleWithId {
	background:black;
}
#styleWithId {
	background:#ffffff !important;
}
#styleWithId {
	background:blue;
}
.noborder {
	border: none;
}
.project-content-right{
	width:340px;
}
.project-content {
	padding: 75px 60px 0 60px;
}
.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
}
.shadow {
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
.mv-review th, .mv-review td{
	font-family: Myriad;
	font-size: 85%;
}
.mv-review th {
	font-weight:bold;
}
.mv-review td p{
	font-size: 100% !important;
	margin: 0 0 1em 0;
}
.mv-review-wrapper {
	padding: 35px 0;
}
.ab {
	float: right;
}
</style>
</head>
<body>
<div id="wrapper">
  <div id="header">
    <div id="headerBanner" class="ct"><a href="index.html"><img src="images/skyTV_LOGO-01.png" alt="skylartv" width="205" height="248" /></a></div>
	
    <div id="headerMenu">
		<div class="menu-bar-wrapper">
			<ul class="top-menu-bar ct">
				<li class="menu-item-list">
					<span class="menu-bg-wrapper-left">
						<a href="index.html" class="menu-item-ln">HOME</a>
					</span>
				</li>
				
				<li class="menu-item-list">
					<span class="menu-bg-wrapper-left">
						<a href="update.html" class="menu-item-ln">Update</a>
					</span>
				</li>
				<li class="menu-item-list active">
					<span class="menu-bg-wrapper-left active"><a href="work.html" class="menu-item-ln active">PROJECT</a>
					</span>
				</li>
				<li class="menu-item-list">
					<span class="menu-bg-wrapper-left">
					<a href="whoishwo.html" class="menu-item-ln">Who's Who</a>
					</span>
				</li>
				<li class="menu-item-list">
					<span class="menu-bg-wrapper-left">
					<a href="contact.html" class="menu-item-ln">Contact</a>
					</span>
				</li>
			</ul>
			<BR class="cb"/>
		</div>
	</div>
  </div>
  <div id="center">
  <div class="content-wrapper">
  
  <!-- -->
  <div class="top-content">
	  <div class="top-title-wrap">
		  <div class="top-title-red">
		  	<div class="top-title-name fl">
		  	  <div class="caption-text">VW KODOK BAWA CINTA	</div>
		  	</div>
			
			<div class="top-title-date fl">
			  <div class="date-text">
			    <div class="sm-text"></div>
			  </div>
			</div>
			<br class="cb"/>
		  </div>
	  </div>
    </div>
  <!-- -->
	<div class="project-content">
		<div class="project-content-left fl">
		  <div class="mv-thumb-wrapper">
		  	<div class="mv-thumb-pic ct">
				<img src="images/vwthumb.jpg" alt="vwkodok-thumb" class="noborder shadow">
			</div>
		  </div>
		  <div class="btscene-ln-wrapper">
		  	<div class="btscene-ln ct" style="margin:23px 0 0 0;">
				<a href="behind-the-scene1.html"><img src="images/clapper.png" alt="btscene-ln" width="165" height="140" border="0" class="noborder"></a> 
			</div>
		  </div>
		</div>
		<div class="project-content-right fr">
		  <div class="mv-yt-preview-wrapper ab">
		  	<div class="mv-yt-preview ct">
				<iframe width="430" height="370" src="http://www.youtube.com/embed/XSt_bVj0_fU" frameborder="0" allowfullscreen></iframe>
			</div>
			
		    <div class="mv-review-wrapper">
			  <div class="mv-review">
			  	<table width="100%" border="0">
				  <tr>
					<td width="42%" align="left" valign="top"><strong>Release Date</strong></td>
					<td width="5%" align="center" valign="top">:</td>
					<td width="53%" align="left" valign="top">June 14th, 2011 (RCTI) </td>
				  </tr>
				  <tr>
					<td align="left" valign="top"><strong>Genre</strong></td>
					<td align="center" valign="top">:</td>
					<td align="left" valign="top">Romance Comedy</td>
				  </tr>
				  <tr>
					<td align="left" valign="top"><strong>Executive Producer</strong></td>
					<td align="center" valign="top">:</td>
					<td align="left" valign="top">Sarjono Sutrisno </td>
				  </tr>
				  <tr>
					<td align="left" valign="top"><strong>Directed by</strong></td>
					<td align="center" valign="top">:</td>
					<td align="left" valign="top">Arie Azis </td>
				  </tr>
				  <tr>
					<td align="left" valign="top"><strong>Written by</strong></td>
					<td align="center" valign="top">:</td>
					<td align="left" valign="top">Meretta Luciana </td>
				  </tr>
				  <tr>
					<td align="left" valign="top"><strong>Plot Outline </strong></td>
					<td align="center" valign="top">:</td>
					<td align="left" valign="top"><p>Sarah, a college girl who is also working part
time in Hasan's workshop in Yogya. Not
because she needs the money. She saves all
her salary to fulfils her biggest obsession. To buy
Hasan's old red beetle, named as Momon, which
she really in love.</p>
					<p>One day, Hasan gave her the beetle's key even
though she hasn't got all the money to pay him.
She promise Hasan that she will pay him fully in
one week. Happily she drove all over the city
until then she is stopping by to have some
meals. Suddenly she realize that the beetle is
gone when she's back.</p>
					</td>
				  </tr>
				  <tr>
					<td align="left" valign="top"><strong>Cast</strong></td>
					<td align="center" valign="top">:</td>
					<td align="left" valign="top">Kadek Devi, Ruben Elishama, Imey Liem, Dimas
Aditya</td>
				  </tr>
				</table>

			  </div>
			</div>
		  </div>
		</div>
		<br class="cb"/>
	</div>
  </div>
  </div>
  
  <div id="wb_Image5" style="position:absolute; left:0px; top:1292px; width:769px; height:82px; z-index:11; padding:0;">
<img src="images/footer.jpg" id="Image5" alt="" border="0" style="width:769px;height:82px;"></div>

<div id="wb_Text4" style="position:absolute; left:40px; top:1339px; width:306px; height:16px; z-index:13;">
<span style="color:#4B4B4B;font-family:Arial;font-size:11px;">Copyright </span><span style="color:#4B4B4B;font-family:Arial;font-size:13px;">&#169; </span><span style="color:#4B4B4B;font-family:Arial;font-size:11px;">2012. All Right Reserved. Designed by S.W.A.T</span></div>


<div id="wb_Text3" style="position:absolute; left:433px; top:1338px; width:174px; height:28px; z-index:12;">
<span style="color:#4B4B4B;font-family:Arial;font-size:11px;"><strong>Skylar Television</strong> is a member of:</span></div>

<div id="wb_Image12" style="position:absolute; left:588px; top:1299px; width:195px; height:1px; z-index:14; padding:0;">
<a href="http://www.stro-world.com" target="_blank"><img src="images/swlogo.png" id="Image12" alt="" border="0" style="width:194px;height:88px;"></a></div>
  
  
</div>
</body>
</html>
